<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="" content="width=device-width ,initial-scale=1.0" />

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

    <title>百度地图</title>

    <script
      type="text/javascript"
      src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=4QW7AQCVbRVFgIKABPbLxqXXZYVohUPv"
    ></script>

    <style type="text/css">
      html {
        height: 100%;
      }
      body {
        height: 100%;
        margin: 0px;
        padding: 0px;
      }
      #container {
        height: 100%;
      }
    </style>
  </head>

  <body>
    <!-- 展示地图 -->
    <div id="container"></div>
  </body>

  <script>
    // 创建地图对象
    var map = new BMapGL.Map("container");

    var point = new BMapGL.Point(114.96,36.48);

    map.centerAndZoom(point, 15);
  </script>
</html>
</html>
